<div>
    <button nz-button nzType="primary" [disabled]="disabledButton" [nzLoading]="Loading" (click)="delData()"><i
            class="anticon anticon-delete"></i>删除记录</button>
</div>
<div style="margin-top:10px;background:#fff">
    <nz-table #basicTable nzSize="small" nzBordered [nzScroll]="lockHeadScroll" [nzData]="dataSet"
        (nzCurrentPageDataChange)="currentPageDataChange($event)" (nzPageIndexChange)="refreshStatus()"
        (nzPageSizeChange)="refreshStatus()" [nzPageSize]="10">
        <thead>
            <tr>
                <th nzWidth="50px" nzAlign="center" nzShowCheckbox [(nzChecked)]="allChecked"
                    [nzIndeterminate]="indeterminate" (nzCheckedChange)="checkAll($event)"></th>
                <th nzAlign="center" style="display:none;">ID</th>
                <th nzAlign="center" style="display:none;">PID</th>
                <th nzAlign="center">浏览页面</th>
                <th nzWidth="150px" nzAlign="center">进入时间</th>
                <th nzWidth="150px" nzAlign="center">离开时间</th>
                <th nzWidth="150px" nzAlign="center">系统</th>
                <th nzWidth="150px" nzAlign="center">浏览器</th>
                <th nzWidth="150px" nzAlign="center">IP</th>
            </tr>
        </thead>
        <tbody>
            <tr *ngFor="let data of basicTable.data">
                <td nzShowCheckbox [(nzChecked)]="data.checked" (nzCheckedChange)="refreshStatus($event)"></td>
                <td style="display:none;">{{data.id}}</td>
                <td style="display:none;">{{data.pid}}</td>
                <td>{{data.page}}</td>
                <td nzAlign="center">{{data.stime}}</td>
                <td nzAlign="center">{{data.etime}}</td>
                <td>{{data.os}}</td>
                <td>{{data.browser}}</td>
                <td>{{data.ip}}</td>
            </tr>
        </tbody>
    </nz-table>
</div>